<template>
  <div class="search-songs">
    <album-content :songList = "listOfSongs"></album-content>
  </div>
</template>

<script>
import {mapGetters} from 'vuex'
import {mixin} from '@/mixins/index'
import AlbumContent from '../AlbumContent'
export default {
    name: 'search-songs',
    components: {
      AlbumContent
    },
    mixins: [mixin],
    props: ['keywords'],
    data () {
      return {}
    },
    computed: {
      ...mapGetters ([
        'listOfSongs',
      ])
    },
    watch: {
      $route(){ // 监听路由变化 获取对应歌手的歌曲信息
        this.getSong()
      }
    },
    created () {      

    },
    methods: {},
    mounted() {
      this.getSong();
    }
}
</script>
<style>
</style>